<template>
  <div class="nav-box">
    <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        router
    >
      <el-menu-item index="fin-to-handle">待审批</el-menu-item>
      <el-menu-item index="fin-handled">已审批</el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

<script setup>
import {ElMenu, ElMenuItem, } from "element-plus"
import {onMounted, reactive, ref} from "vue"
import emitter from "@/lib/eventBus"

const activeIndex = ref('fin-to-handle')

onMounted(()=>{
  emitter.emit('home_menu','/handle_bill')
})
</script>

<style scoped lang="less">
.nav-box{
  box-sizing: border-box;
  padding: 0 1vh;
  border: 1px solid lightgray;
  margin-left: 8.5vw;
  margin-top: 2vh;
  width: 91vw;
  height: 95.5vh;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 7px 7px lightgray;
}
</style>
